<template>
    <div class="home">
        <h2>想了解下亦小染的信息嘛：{{ homeinfo }}</h2>
        <button @click="changename">改变name</button>
    </div>
</template>
<script>
import { reactive } from "vue"
export default {
    props: {
        homeinfo: {
            type: Object,
            default: () => ({})
        }
    },
    emits: ["homechangename"],
    setup(props, context) {
        function changename() {
            context.emit = ("homechangename", "alicecici")
        }
        return {
            changename
        }
    }
}
</script>
<style scoped lang="less"></style>